<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
		<link rel="stylesheet" href="css/userselector.css" />
		<style type="text/css">
			[v-cloak] {
				display: none!important;
			}
			
			.mui-input-group .mui-input-row {
				height: auto;
			}
		</style>
	</head>

	<body>
		<div class="mui-page" id="mui-userSelector" v-cloak>
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<a class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</a>
				<h1 class="mui-center mui-title" id="bookTit"></h1>
				<a href="javascrip:;" id="btnBooking" class="mui-icon mui-icon-checkmarkempty mui-pull-right"></a>
			</div>
			<div class="mui-page-content" style="margin-top: 55px;">
				<!--首次人员加载模板-->
				<form class="mui-input-group" v-if="types==1">
					<!--测试文本文字超长时，界面优化-->
					<!--<div class="mui-input-row mui-checkbox mui-left">
						<label>欧阳正华【四川省成都市青羊区中和治理开不开心高不高兴办】</label>
						<input name="checkbox" type="checkbox" checked>
					</div>-->
					<div v-for="(item,index) in items" :data-name="item.name" :data-deptName="item.deptName" :data-id="item.id" data-status="" class="mui-input-row mui-checkbox mui-left">
						<label>{{item.name}}{{item.deptName  == null ? '' : "【" +item.deptName +"】"}}</label>
						<input name="checkbox" type="checkbox">
					</div>
				</form>
				<form class="mui-input-group" v-else v-for="(item,index) in items">
					<div v-if="item.check==true" :data-name="item.name" :data-deptName="item.deptName" :data-id="item.id" data-status="1" class="mui-input-row mui-checkbox mui-left">
						<label>{{item.name}}{{item.deptName  == null ? '' : "【" +item.deptName +"】"}}</label>
						<input name="checkbox" type="checkbox" checked>
						<input name="checkbox" type="checkbox">
					</div>
					<div v-else :data-name="item.name" :data-deptName="item.deptName" :data-id="item.id" data-status="" class="mui-input-row mui-checkbox mui-left">
						<label>{{item.name}}{{item.deptName  == null ? '' : "【" +item.deptName +"】"}}</label>
						<input name="checkbox" type="checkbox">
					</div>
				</form>
			</div>
		</div>
	</body>

</html>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/mui.picker.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/server.js"></script>
<script type="text/javascript" src="js/userselector.js"></script>